<app-common-header [title]="'myAccount.setting.supportCenterFunction.title'|translate"></app-common-header>
<ion-content>
  <ion-grid class="content_title">
    <ion-row>
        <ion-col size="12">
          <div class="content_title_top">
            {{'myAccount.setting.supportCenterFunction.subTitle'|translate}}
          </div>
        </ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid>
    <ion-row *ngFor="let question of questions">
      <ion-col size="12" class="question-item">
          <div (click)="showOrHideAnswer(question)">
           <svg class="icon"  aria-hidden="true">
              <use xlink:href="#iconquestion"></use>
            </svg>
            <span class="questionStem">{{question.questionStem}}</span>
          </div>
          <div class="shrink-icon" (click)="showOrHideAnswer(question)">
            <div [hidden]="question.showAnswer">
              <svg class="icon_chevron"  aria-hidden="true" >
                <use xlink:href="#icondown1"></use>
                </svg>
            </div>
            <div [hidden]="!question.showAnswer">
              <svg class="icon_chevron"  aria-hidden="true">
                <use xlink:href="#iconup"></use>
              </svg>
            </div>               
            <!-- 
            <ion-icon name="chevron-down-outline" [hidden]="question.showAnswer"></ion-icon>
            <ion-icon name="chevron-up-outline" [hidden]="!question.showAnswer"></ion-icon> 
            -->
          </div>
      </ion-col>
      <ion-col size="12">
        <div class="question-content" [hidden]="!question.showAnswer">
          {{question.answer}}
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
<ion-footer>
  <ion-toolbar>
    <div class="bottom_box">
      <div class="bottom_box_up">
       <!--  <ion-icon  name="headset-outline"></ion-icon> -->
       <svg class="icon_service" aria-hidden="true">
          <use xlink:href="#iconservice"></use>
        </svg>
        <span>Customer Service Telephone</span>
      </div>
      <div class="bottom_box_down">
        001-123456
      </div>
    </div>
  </ion-toolbar>
</ion-footer>
